<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<!--
* Copyright 2010-2011 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<div data-bb-type="screen" data-bb-title="Menus" data-bb-effect="fade">
	<div data-bb-type="title" data-bb-caption="Menus" data-bb-back-caption="Back"></div>
	<script id="menuBar" src="js/menuBar.js"></script>
	<div data-bb-type="menu" >
		<div data-bb-type="menu-item" data-bb-img="images/menu_icons/icon1.png" onclick="foo();">Rules</div>
		<div data-bb-type="menu-item" data-bb-img="images/menu_icons/icon2.png" onclick="bar();" data-bb-selected="true">Options</div>
		<div data-bb-type="menu-separator"></div>
		<div data-bb-type="menu-item" data-bb-img="images/menu_icons/icon3.png" onclick="fooBar();">Stats</div>
		<div data-bb-type="menu-item" onclick="barFoo();">Play</div>
	</div>
	<div data-bb-type="round-panel">
		<div data-bb-type="panel-header">PlayBook &amp; BlackBerry 10</div>
		<p>When viewed on the PlayBook or BlackBerry 10 the menu will appear on the top bezel swipe down.</p>
	</div>
	<div data-bb-type="round-panel">
		<div data-bb-type="panel-header">Smartphone</div>
		<p>When viewed on a Smartphone the menu will appear when you use the Blackberry button.</p>
	</div>
	
	<div data-bb-type="action-bar" data-bb-back-caption="Back"></div>
</div>